<template>
  <div class="home-img">
      <img src="~@/assets/image/home.jpg" alt=""> 
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, ref } from "vue";
import { Avatar, ZoomIn, List } from "@element-plus/icons";
import * as echarts from "echarts";
import { getNumber } from '../../http/wall/wall'
import china from "../../assets/json/china.json";
const China: any = china;
echarts.registerMap("china", China);

interface myParams {
  seriesName?: string;
  name?: string;
  value?: number;
}

export default defineComponent({
  components: {
    Avatar,
    ZoomIn,
    List,
  },


  mounted() {
  },
  setup() {
    
    return {
    };
  },
});
</script>

<style scoped>
.home-img {
  width: 100%;
  height: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-img img {
  width: 95%;
  height: 95%;
}
</style>
